@import "./../../../assets/scss/index.scss";

:host{width: 100%;height: 100%;display: block;}

.digital-keyboard-container{
    background: $bd-shallow-gray;
    border: 1px solid $color-dark;
    box-sizing: content-box !important;
    md-grid-tile{
        border: 1px solid $border-dark;
        border-left: none;
        border-top: none;
        font-size: pxTorem(30px);
    }
    md-grid-tile:nth-of-type(3n){
        border-right: none;
    }
    md-grid-tile:nth-child(n+10),md-grid-tile:nth-child(n+11),md-grid-tile:nth-child(n+12){
        border-bottom: none;
    }
    .bd-gray{
        background: $border-dark;
    }
}

.checkbox-group-container{
    max-height: 100%;
}